<template>
  <!-- <view>
    <view class="flex-content"></view>
  </view> -->
  <view class="homePage">
    <view class="content1 flex">
      <view class="content-text">我们在这里为您服务</view>
      <view class="content-title">公司简介</view>
      <view class="content-des">
        公司作为合规、专业的第三方处方流转服务平台的建设方和运营方，以服务民生为导向，基于政府处方监管需求和患者处方服务需求，完整打造包含电子处方中心、审方服务中心、医保支付中心、移动医疗中心等四大中心的处方审核、监管、流转、服务体系。
      </view>
      <!-- <view class="zigzag"></view> -->
      <view class="flex-content"></view>
    </view>

    <view class="content2 flex">
      <image class="img-inner" mode="widthFix"
        src="https://hccm-1256080859.cos.ap-beijing.myqcloud.com/image/20230107/1673063048578.png" />
      <view class="content-title">处方流转服务平台</view>
      <view class="content-des">
        以患者为核心，整合医疗机构处方信息、医保结算信息和药店零售消费信息，实现信息的互联互通、实时共享，形成电子处方中心，搭建处方来源与处方需求之间的信息和服务桥梁，为政府提供完整、高效的处方数据监管，为患者提供便捷、专业的处方服务，创新医药服务模式，保障患者用药安全，提升医疗健康便民惠民服务水平。
      </view>
      <view class="flex-content flex-content2"></view>
      <!-- <view class="zigzag zigzag2"></view> -->
      <!-- <view class="bg2"></view> -->
    </view>
    <view class="content1 flex">
      <view class="content-title">智慧医院解决方案</view>
      <view class="content-des">以医院智慧服务建设要求为切入点，进行互联网医院建设，打通线上线下就医路径，形成全流程一体化的诊疗模式，拓展医院对患者的服务半径，
        提升医院的服务水平，满足国家政策对医院的要求，优化医院的运营管理，完善医院的处方服务，从而实现患者就诊购药便捷化、复诊续方便捷 化、诊后管理便捷化。</view>
      <view class="flex-content"></view>
      <!-- <view class="zigzag"></view> -->
    </view>
    <view class="content2 flex">
      <image class="img-inner" mode="widthFix"
        src="https://hccm-1256080859.cos.ap-beijing.myqcloud.com/image/20230107/1673063077836.png" />
      <view class="content-title">智慧药店解决方案</view>
      <view class="content-des">
        基于医药改革的现状以及药店经营所面临的难题，以处方流转服务平台为基础，为药店提供第四终端建设服务，解决患者首次购药、复诊购药、长期用药需求，为患者提供专业药事服务，实现药店合规在线复诊续方、凭方合规售药，合规承接外延处方等，助力药店合规化经营和智慧化处方服务转型升级。
      </view>
      <view class="flex-content flex-content2"></view>
      <!-- <view class="zigzag zigzag2"></view> -->
      <!-- <view class="bg2"></view> -->
    </view>
    <view class="content1 flex">
      <view class="content-title">患者智慧处方服务</view>
      <view class="content-des">
        通过辽宁易复诊APP，小程序等服务端，为患者提供基于处方的医疗，医药，医保服务。患者可在线连接医生，药师，医院，药店，使用查方找方，快速购药，问诊咨询，药事服务等一系列功能。保障患者在线诊疗，购药用药安全，让就诊购药更便捷。
      </view>
      <view class="flex-content"></view>
      <!-- <view class="zigzag"></view> -->
    </view>
    <view class="content2 flex">
      <image class="img-inner" mode="widthFix"
        src="https://hccm-1256080859.cos.ap-beijing.myqcloud.com/image/20230107/1673063104590.png" />
      <view class="content-title">医生诊后管理服务</view>
      <view class="content-des">
        以服务医生，为患者提供便捷医疗服务为目的，打造完整便捷的诊后患者管理工具，实现医生患者管理，包括诊后患者咨询、诊后病历、诊后医嘱及诊后教育等，整合行业信息资源，创建医生与医生、医生与患者互动新模式</view>
      <view class="flex-content flex-content2"></view>
      <!-- <view class="zigzag zigzag2"></view> -->
      <!-- <view class="bg2"></view> -->
    </view>
    <view class="content1 flex">
      <view class="content-title">我们的服务</view>
      <view class="content-title content-title2 flex">
        <view class="icon-box">
          <image class="icon-img" mode="widthFix"
            src="https://hccm-1256080859.cos.ap-beijing.myqcloud.com/image/20230107/1673072854676.png" />
        </view>
        处方流转服务平台
      </view>
      <view class="content-des content-des2">符合国家对建设处方流转平台的政策要求，解决处方获取难、应用难的问题，提升处方合理性整体监管水平，完善互联网诊疗服务体系，推动“互联网＋医疗健康”应用。
      </view>
      <view class="content-title content-title2 flex">
        <view class="icon-box">
          <image class="icon-img" mode="widthFix"
            src="https://hccm-1256080859.cos.ap-beijing.myqcloud.com/image/20230107/1673072488534.png" />
        </view>
        智慧医院解决方案
      </view>
      <view class="content-des content-des2">通过便捷、安全、可及的智慧化服务，实现医院线上线下一体化患者服务，打造医院闭环服务生态。</view>
      <image class="img-inner" mode="widthFix"
        src="https://hccm-1256080859.cos.ap-beijing.myqcloud.com/image/20230107/1673063127841.png" />
      <view class="content-title content-title2 flex">
        <view class="icon-box">
          <image class="icon-img" mode="widthFix"
            src="https://hccm-1256080859.cos.ap-beijing.myqcloud.com/image/20230107/1673072980021.png" />
        </view>
        智慧药店解决方案
      </view>
      <view class="content-des content-des2">基于历史处方合规,在线开具复诊处方;对接医疗机构HIS系统,获取真实处方;安全用药保障，符合药监部门要求;合规处方引流服务药店营收提升。</view>
      <view class="content-title content-title2 flex">
        <view class="icon-box">
          <image class="icon-img" mode="widthFix"
            src="https://hccm-1256080859.cos.ap-beijing.myqcloud.com/image/20230107/1673072719736.png" />
        </view>
        区域智慧医保服务
      </view>
      <view class="content-des content-des2">用户可通过医保在线支付挂号费、药品费、检查费等医疗费用，实现医保在线报销结算。</view>
      <view class="flex-content flex-content3"></view>
      <!-- <view class="zigzag"></view> -->
    </view>
    <view class="btm-box flex">
      <view style="padding-right:10rpx;">工业和信息化部备案管理系统网站</view>
      <view>辽ICP备2020005097号</view>
    </view>
  </view>
</template>

<script>
export default {
  onLoad() {
  },
  data() {
    return {
    }
  },
}
</script>

<style lang="scss">
@import "@/static/css/index.scss";

.flex-content {
  height: 20rpx;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #f7f7f7;
}

.flex-content2 {
  background: #fff;
}

.flex-content::before {
  content: "";
  position: absolute;
  bottom: 0;
  z-index: 10;
  width: 100%;
  height: 15rpx;
  background-image: radial-gradient(circle,
      transparent,
      transparent 15rpx,
      #fff 15rpx,
      #fff);
  background-size: 30rpx 30rpx;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.flex-content2::before {
  background-image: radial-gradient(circle,
      transparent,
      transparent 15rpx,
      #f7f7f7 15rpx,
      #f7f7f7);
}

.flex-content3::before {
  background-image: radial-gradient(circle,
      transparent,
      transparent 15rpx,
      #e0e5e9 15rpx,
      #e0e5e9);
}

.homePage {
  // background: #888888;
  background: #f7f7f7;

  .btm-box {
    font-size: 26rpx;
    color: #888888;
    background: #e0e5e9;
    padding: 0 30rpx 120rpx;
  }

  .content1 {
    flex-direction: column;
    padding: 120rpx 30rpx 80rpx;
    font-size: 30rpx;
    position: relative;

    .content-text {
      font-size: 33rpx;
    }

    .content-title {
      font-size: 40rpx;
      padding: 10rpx 0 20rpx;
      font-weight: 600;
    }

    .content-title2 {
      padding: 40rpx 0 20rpx;
      width: 100%;
      font-size: 36rpx;
      text-align: left;
      justify-content: flex-start;
    }

    .content-des {
      text-align: center;
      color: #888888;
    }

    .content-des2 {
      text-align: left;
    }
  }

  .content2 {
    padding: 40rpx 30rpx 80rpx;
    background: #fff;
    flex-direction: column;
    font-size: 30rpx;
    position: relative;

    .content-title {
      width: 100%;
      text-align: left;
      font-size: 40rpx;
      padding: 10rpx 0 20rpx;
      font-weight: 500;
    }

    .content-des {
      color: #888888;
      text-indent: 60rpx;
    }
  }

  .img-inner {
    margin: 40rpx 0;
  }

  .icon-box {
    padding: 10rpx 10rpx 10rpx;
    box-sizing: border-box;
    background: #f0f4f6;
    border-radius: 100%;
    margin-right: 20rpx;
    width: 70rpx;
    height: 70rpx;

    .icon-img {
      width: 50rpx;
    }
  }

  .bg2 {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 20rpx;
    z-index: 1;
    // background: #888888;
    background: #f7f7f7;
  }

  .zigzag {
    position: absolute;
    bottom: -20rpx;
    width: 100%;
    height: 20rpx;
    z-index: 2;
    background: linear-gradient(-45deg, transparent 33.33%,
        #2f6bef 33.33%, #58b4d8 66.66%,
        transparent 66.66%),
      linear-gradient(45deg, transparent 33.33%,
        #2f6bef 33.33%, #58b4d8 66.66%,
        transparent 66.66%);
    background-size: 30rpx 60rpx;
    transform: rotateX(180deg);
  }

  .zigzag2 {
    bottom: 0rpx;
  }
}</style>
